<template>
<div class="app-container">
   <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="待办任务" name="first">
      <todo-quest v-if="activeName == 'first'"></todo-quest>
    </el-tab-pane >
    <el-tab-pane label="已办任务" name="second">
      <finished-quest v-if="activeName == 'second'"></finished-quest>
    </el-tab-pane>
    <el-tab-pane v-if="checkPermi(['workflow:overTimeManage:manage'])" label="加班审批管理" name="third">
     <over-time v-if="activeName == 'third'"></over-time>
    </el-tab-pane>
  </el-tabs>

</div>

</template>

<script>
import finishedQuest from './components/finishedQuest.vue';
import todoQuest from './components/todoQuest.vue';
import overTime from './components/overTime.vue'



export default {
  name:'OverTimeManage',
  components:{
    todoQuest,
    finishedQuest,
    overTime
    //overTimeManage
  },
  data(){
    return{
      activeName:'first'
    }
  },
  methods:{
    
     handleClick(tab, event) {
      this.activeName = tab.name
      }
  }

}
</script>

<style>

</style>
